<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
<head>
    <title>用户登录</title>
    <script type="application/x-javascript"> addEventListener("load", function () {
        setTimeout(hideURLbar, 0);
    }, false);

    function hideURLbar() {
        window.scrollTo(0, 1);
    } </script>
    <link href="css/bootstrap.css" rel='stylesheet' type='text/css'/>
    <link href='https://fonts.googleapis.com/css?family=Open+Sans:700,700italic,800,300,300italic,400italic,400,600,600italic'
          rel='stylesheet' type='text/css'>
    <!--Custom-Theme-files-->
    <link href="css/style.css" rel='stylesheet' type='text/css'/>
    <script src="js/jquery.min.js"></script>
    <!--/script-->
    <script type="text/javascript" src="js/move-top.js"></script>
    <script type="text/javascript" src="js/easing.js"></script>
    <script type="text/javascript">
        jQuery(document).ready(function ($) {
            $(".scroll").click(function (event) {
                event.preventDefault();
                $('html,body').animate({scrollTop: $(this.hash).offset().top}, 900);
            });
        });
    </script>
    <style type="text/css">
        a#for  {
            border: none;
            color: #ffffff;
            padding: 11px 53px;
            font-size: 17px;
            cursor: pointer;
            margin: 0 0 32px 0;
            background: #4A245E;
            border: none;
            outline: none;
            -webkit-appearance: none;
        }
         a#for:hover {
            background:orangered;
        }
    </style>
</head>
<body>
<div class="full">
    <div class="col-md-9 main">
        <!-- login-page -->
        <div class="login">
            <div class="login-grids">
                <div class="col-md-6 log">
                    <h3 class="tittle">用户登录 <i class="glyphicon glyphicon-lock"></i></h3>
                    <p>Welcome, please enter the following to continue.</p>
                    <form action="LoginServlet" method="post">
                        <h5>用户名:</h5>
                        <input type="text" id="username" name="username" value="">
                        <h5>密码:</h5>
                        <input type="password" id="userpwd" name="userpwd" value="">
                        <input type="submit" value="点击登录">
                        <a id="for" onmousemove=""> 忘记密码?</a>
                        <span id="msg" style="color: red;text-align: center">${loginmsg}</span>
                    </form>
                </div>
                <div class="col-md-6 login-right">
                    <h3 class="tittle">新用户注册 <i class="glyphicon glyphicon-file"></i></h3>
                    <a href="register2.jsp" class="hvr-bounce-to-bottom button">创建一个新账号</a>
                </div>
                <div class="clearfix"></div>
            </div>
        </div>
        <div class="clearfix"></div>
    </div>
</div>
</body>
</html>
